<template>
<div class=''>
  <el-button @click="isCollapseShow = !isCollapseShow">显示/隐藏</el-button>
  <collapse-transition>
    <div class="collapse-content" v-show="isCollapseShow">
    </div>
  </collapse-transition>
</div>
</template>

<script>
import CollapseTransition from '@/transition/CollapseTransition'
export default {
  components: {
    'collapse-transition': CollapseTransition
  },
  name: 'collapseTransition',
  data () {
    return {
      isCollapseShow: false
    }
  },
  methods: {

  }
}
</script>
<style lang='less' scoped>
.collapse-content{
  height: 300px;
  background: #f00;
}
</style>
